<!DOCTYPE html>
<!-- saved from url=(0022)http://www.hasbei.com/ -->
<html xmlns:th="http://www.w3.org/1999/xhtml">
<head>
<!--    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>有贝口腔网-互联网综合口腔服务网站</title>
    <meta name="keywords" content="有贝口腔网,口腔网,口腔知识,口腔资讯,口腔问答,口腔诊所,口腔厂家,在线看牙">
    <meta name="description" content="有贝口腔网是一家专注互联网口腔服务网站，为用户提供腔知识,口腔资讯,口腔问答,口腔诊所,诊所入住,口腔厂家,厂家入住,在线看牙等综合服务口腔网站">
    <link rel="stylesheet" href="/css/swiper.min.css">
    <link rel="stylesheet" href="/css/reset.css">
    <link rel="stylesheet" href="/css/commone.css">
    <link rel="stylesheet" href="/css/commthree.css">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="/css/layer.css" id="layuicss-layer">

    <link rel="stylesheet" media="screen and (min-width:481px)" href="/css/index.css">
    <link rel="stylesheet" media="screen and (max-width:480px)" href="/css/index(1).css">-->

<!--    <link rel="stylesheet" media="screen and (min-width:481px)" href="/css/quesansw.css">
    <link rel="stylesheet" media="screen and (max-width:480px)" href="/css/quesansw(1).css">-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>有贝口腔网-口腔知识-口腔资讯-口腔问答-口腔诊所-在线看牙专注互联网综合口腔服务网站</title>
    <meta name="keywords" content="有贝口腔网,口腔网,口腔知识,口腔资讯,口腔问答,口腔诊所,口腔厂家,在线看牙">
    <meta name="description" content="有贝口腔网是一家专注互联网口腔服务网站，为用户提供腔知识,口腔资讯,口腔问答,口腔诊所,诊所入住,口腔厂家,厂家入住,在线看牙等综合服务口腔网站">
    <link rel="stylesheet" href="/layui-v2.5.6/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="/css/swiper.min.css">
    <link rel="stylesheet" href="/css/reset.css">
    <link rel="stylesheet" href="/css/commone.css">
    <link rel="stylesheet" href="/css/commthree.css">
    <link rel="stylesheet" media="screen and (min-width:481px)" href="/css/index.css">
    <link rel="stylesheet" media="screen and (max-width:480px)" href="/css/index(1).css">
    <link rel="stylesheet" href="/css/layer.css" id="layuicss-layer">
   <script src="/js/footfixed.js"></script>

<script type="text/javascript">
    var basePath = "/";
</script>
<script src="/js/common.js"></script>
<script src="/js/jquery-3.5.1.min.js"></script>
<script src="/js/footfixed.js"></script>

<script src="/layer-v3.1.1/layer/mobile/layer.js"></script>
<script src="/layui-v2.5.6/layui/layui.js" charset="utf-8"></script>
<script src="/wangEditor-3.1.1/release/wangEditor.min.js"></script>
<script src="/js/jquery-3.5.1.min.js"></script>
<style>
    .list-item-content-text img{
        border-radius: 50%;
        width: 20px;
        height: 20px;
    }
    .list-item-info-left img {
        border-radius: 50%;
        width: 20px;
        height: 20px;
    }

</style>

</head>


<body>
<div class="content">

    <div th:include="/user_page/usercenter_head :: usercenterhead"></div>

    <div class="content-main">
        <div class="man-info">
            <!-- 左侧导航 -->
            <div class="main-tab-left">
                <ul class="main-tab-ul1">
                    <li class="selected"><a href="http://www.hasbei.com/">口腔网</a></li>
                    <tr th:each="title,info : ${titlelist}">
                        <li th:if="${info.index < 9}">
                            <a th:href="@{'/zx/sort/'+${title.tid}}" target="_self"
                               th:text="${title.tname}">
                            </a></li>
                    </tr>
                    <li class="more-list">
                        <a href="javascript:void(0);" target="_self">更多</a>
                        <div>
                            <ul>
                                <tr th:each="title,info : ${titlelist}">
                                    <li th:if="${info.index > 8}">
                                        <a th:href="@{'/zx/sort/'+${title.tid}}" target="_self"
                                           th:text="${title.tname}">
                                        </a>
                                    </li>
                                </tr>
                            </ul>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="main-tab-center">
                <div class="swiper-container swiper-container-horizontal" id="case1">
                    <div class="layui-carousel" id="test1">
                        <div carousel-item="">
                            <div>
                                <div class="swiper-slide" data-swiper-slide-index="0" style="width: 807px;">
                                    <a href="http://www.hasbei.com/"><img
                                            src="http://rs.hasbei.com/images/b819a46c0f744bb6af1baffad1518dbb.jpg"
                                            alt="有贝口腔网,口腔健康"></a>
                                </div>
                            </div>
                            <div>
                                <div class="swiper-slide swiper-slide-active" data-swiper-slide-index="2"
                                     style="width: 807px;">
                                    <a href="http://www.hasbei.com/"><img
                                            src="http://rs.hasbei.com/images/877f6bf6562c4c7fbb9b30d4bdec7c73.jpg"
                                            alt="有贝口腔,爱牙优选,西部口腔展"></a>
                                </div>
                            </div>
                            <div>
                                <div class="swiper-slide swiper-slide-next" data-swiper-slide-index="3"
                                     style="width: 807px;">
                                    <a href="http://www.hasbei.com/"><img
                                            src="http://rs.hasbei.com/images/d4e75b0d75174df49e685a4aaaf176b1.jpg"
                                            alt="至民电器"></a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="box-bg-shadow">
                        <div class="main-info-list">
                            <div class="list-item">
                                <ul class="list-item-tab">
                                    <li th:if="${now} eq 'all'">
                                        <a href="/home"
                                           style="color: rgba(20,130,200,1);">推荐</a>
                                    </li>
                                    <li th:if="${now} ne 'all'">
                                        <a href="/home" target="_self">推荐</a>
                                    </li>
                                    <li th:if="${now} eq 'hot'">
                                        <a href="/home/2"
                                           style="color: rgba(20,130,200,1);">热榜</a>
                                    </li>
                                    <li th:if="${now} ne 'hot'">
                                        <a href="/home/2" target="_self">热榜</a>
                                    </li>
                                    <li th:if="${now} eq 'new'">
                                        <a href="/home/3"
                                           style="color: rgba(20,130,200,1);">最新</a>
                                    </li>
                                    <li th:if="${now} ne 'new'">
                                        <a href="/home/3" target="_self">最新</a>
                                    </li>
                                </ul>
                            </div>
                           <ul class="flow-default" id="LAY_demo2"></ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="aside-left">
                <div class="wonderful-top">

                    <div class="top-list top-list-one">
                        <div onclick="writeArticle()">
                            <a class="write-artical" href="javascript:;" target="_self">
                                <img src="http://www.hasbei.com/images/icon_Questions.png" alt="有贝口腔网">
                                <span>写文章</span>
                            </a>
                        </div>
                        <div>
                            <a href="javascript:;" target="_self" id="qa">
                                <img src="http://www.hasbei.com/images/icon_Articles.png" alt="有贝口腔网">
                                <span>提问题</span>
                            </a>
                        </div>
                    </div>
                    <div class="top-list top-list-two">
                        <div>
                            <a href="javascript:;" target="_self" onclick="showPlanFun()">
                                <img src="http://www.hasbei.com/images/Dentist.png" alt="有贝口腔网">
                                <span>网上看牙</span>
                            </a>
                        </div>
                        <div>
                            <a href="http://www.hasbei.com/about/link" target="_blank">
                                <img src="http://www.hasbei.com/images/Factory.png" alt="有贝口腔网">
                                <span>厂家入驻</span>
                            </a>
                        </div>
                        <div>
                            <a href="http://www.hasbei.com/about/link" target="_blank">
                                <img src="http://www.hasbei.com/images/Hospital.png" alt="有贝口腔网">
                                <span>诊所入驻</span>
                            </a>
                        </div>
                    </div>

                </div>

                <div class="wonderful-top">
                    <div class="wonderful-top-title">图文热搜</div>
                    <div class="wonderful-list">
                        <div class="wonderful-item" th:each="hot,info : ${hotBot}">
                            <a th:href="@{'/zx/detail/' + ${hot.id}}">
                                <div class="wonderful-item-img">
                                    <img th:src="${hot.a_img_url}">
                                </div>
                                <div class="wonderful-item-text" th:text="${hot.a_title}"></div>
                            </a>
                        </div>
                    </div>
                </div>

                <div class="wonderful-top">
                    <div class="wonderful-top-title">最新创作</div>
                    <span th:each="newt,info : ${newct}">
                    <a th:href="@{'/zx/detail/' + ${newt.id}}">
                        <div class="wonderful-item-line">
                            <div class="allsee-item-left">
                                <img th:src="${newt.a_img_url}">
                            </div>
                            <div class="allsee-item-right" th:text="${newt.a_title}"></div>
                        </div>
                    </a>
                    </span>
                </div>
                <div class="wonderful-top">
                    <div class="wonderful-top-title">
                        <!-- <img src="/images/rmd.png" alt="有贝口腔网"> -->
                        <span>大家都在问</span>
                    </div>
                    <div class="wonderful-ansewer-list">
                        <div class="ansewer-list-item" th:each="question,iterStat:${listQuestion}">
                            <span th:class="${iterStat.count <= 3}?'pink-bg':''">[[${iterStat.count}]]</span>
                            <div>
                                <a target="_blank" class="ansewer-list-title"
                                   th:href="@{'/answers/particulars/'+${question.getQId()}}">[[${question.getQContent()}]]</a>
                                <div class="ansewer-list-info">
                                    <a target="_blank" th:href="@{'/answers/particulars/'+${question.getQId()}}">
                                        <!-- <img src="/images/Write.png" alt=""> -->
                                        <span class="ansewer-list-info-ansewer">回答</span>
                                    </a>
                                    <a target="_blank" th:href="@{'/answers/particulars/'+${question.getQId()}}">[[${question.getQCommentSum()}]]个回答</a>
                                    <span class="dotted"></span>
                                    <a target="_blank" th:href="@{'/answers/particulars/'+${question.getQId()}}">[[${question.getQReadSum()}]]阅读</a>
                                    <span class="dotted"></span>
                                    <a target="_blank" th:href="@{'/answers/particulars/'+${question.getQId()}}">[[${question.getQCollectSum()}]]收藏</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="content-foot">
    <div th:include="/user_page/usercenter_footer :: footer"></div>
</div>
<div id="pop" style="display: none">
    <div id="inpop" style="display: none">
        <div id="div1" class="toolbar" style="display: none">
        </div>
        <div id="div2" class="text">

        </div>
        <div id="div3" class="text">
        </div>
        <button id="btn1">测试数据</button>
    </div>
</div>

<script>
    layui.use('carousel', function () {
        var carousel = layui.carousel;
        //建造实例
        carousel.render({
            elem: '#test1'
            , width: '100%' //设置容器宽度
            , arrow: 'always' //始终显示箭头
            , anim: 'fade' //切换动画方式
        });
    });
</script>
<script>
    function writeArticle() {
        $('#inpop').attr("style", "display:block");
        layui.use('layer', function () {
                var layer = layui.layer;
                layer.open({
                    type: 1,
                    closeBtn: '1',
                    cancel: function () {
                        $('#pop').attr("style", "display:none");
                        return true;
                    },
                    area: ['800px', '429px'],
                    content: $('#pop') //这里content是一个DOM，注意：最好该元素要存放在body最外层，否则可能被其它的相对元素所影响
                });
            }
        );
    }
</script>
<script>
    document.cookie = "userId=7";
    var E = window.wangEditor
    var editor1 = new E('#div1', '#div2');
    editor1.create();
    var editor2 = new E('#div3');
    editor2.customConfig.customUploadImg = function (files, insert) {
        $.post("/uploadFilesForWEditor", files, function () {
            insert("http://qeqmrntxj.bkt.clouddn.com/51813a02-0399-45e5-ac31-9429b6857bd2330717-1F32414360011.jpg");
        });
    };
    editor2.create();
    // 初始化 textarea 的值
    var article = {};
    document.getElementById('btn1').addEventListener('click', function () {
        var today = new Date();
        today.setTime(today.getTime());
        article.aCreateDate = today.getFullYear() + "-" + (today.getMonth() + 1) + "-" + today.getDate();
        article.aTitle = editor1.txt.html();
        article.aContent = editor2.txt.html();
        article.aUserId = [[${userId}]];
        console.log(article);
        $.post("http://localhost:9001/zx-app/add", article, function (data) {
            console.log(data);
        });
    })
</script>
<script>
    layui.use('flow', function () {
        var flow = layui.flow;
        var maxpage = 0;
        $.get("/home/page", function (data, status) {
            maxpage = data;
        });
        flow.load({
            elem: '#LAY_demo2' //流加载容器
            , scrollElem: '#LAY_demo2' //滚动条所在元素，一般不用填，此处只是演示需要。
            , isAuto: false
            , isLazyimg: true
            , done: function (page, next) { //加载下一页
                //模拟插入
                setTimeout(function () {
                    $.post("/home/load/[[${now}]]/" + page, function (data) {
                        var lis = [];
                        lis.push(data);
                        next(lis.join(''), page < maxpage);
                    });
                    $.post("/home/loadqa/[[${now}]]/" + page, function (data) {
                        var lis = [];
                        lis.push(data);
                        next(lis.join(''), page < maxpage);
                    });
                }, 500);
            }
        });
    });
</script>
</body>

</html>